<!DOCTYPE html>
<html class="reftest-wait">
  <!-- Test: if an input has a custom error when barred from constraint
             validation then move a type candidate for constraint validation,
             it should not be affected by :valid pseudo-class. -->
  <link rel='stylesheet' type='text/css' href='style.css'>
  <script>
    function doTest()
    {
      var i = document.getElementById('i');
      i.setCustomValidity('foo');
      i.type = 'text';
      document.documentElement.className='';
    }
    document.addEventListener("MozReftestInvalidate", doTest, false);
  </script>
  <body>
    <input class='invalid' type='button' id='i'>
  </body>
</html>
